﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相册幻灯片</title>
<link href='css/album.css' id="albumCSS" type="text/css" rel="stylesheet" media="screen" />
<link type="text/css" rel="stylesheet" href="../clewBox/css/clewBox.css" />
<script language="javascript" type="text/javascript" src="../JustWalking.js"></script>
</head>
<body>
<!--图片显示容器-->
<table id="albumImgTable" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="albumBg1">
	<tr>
		<td width="100%" height="100%" align="center" valign="middle">
			
			<!--图片显示区-->
			<div id="albumSilde_photo_container" class="albumSilde_photo_container">
				<img src="" alt="" id="albumSilde_photo"/>	
				<div id="albumSilde_photo_intro" class="albumSilde_photo_intro">&nbsp;</div>
			</div>
			
			<div id="albumSilde_photo_over" class="albumSilde_photo_over" style="display:none;">
				<img id="albumSilde_photo_over_Img" src="images/replay.jpg"  alt="重播" title="重播" width="200" height="200"/>	
			</div>
			<!--图片显示区-->
			<div id="albumSilde_photo_bg" class="albumSilde_photo_bg" >
			<!--图片背景层-->
				<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
					<tr><td width="100%" height="100%" align="center" valign="middle" class="loading">
						<img  src="images/loading.gif" />
					</td></tr>
				</table>
			</div>
			
		</td>
	</tr>
	<tr>
		<td width="100%" height="130" align="center" valign="middle">&nbsp;</td>
	</tr>
</table>
<!--图片显示容器-->

<!--更换背景色-->
<div id="setBgColorDIv" class="setBgColorDIv">
	<ul>
		<li class="albumBg1" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;filter:alpha(opacity=100);opacity:1;"></li>
		<li class="albumBg2" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg3" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg4" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg5" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg6" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg7" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg8" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg9" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
		<li class="albumBg10" onClick="JSWK.AlbumSilde.setBgColor(this);" style="width:20px; height:20px;"></li>
	</ul>
</div>
<div class="bgColorDIv2"></div>
<!--更换背景色-->

<!--控制区域-->
<div style="position:absolute; left:0px;bottom:0px;; z-index:100;width:100%;">
	<div id="albumSilde_toolbar" class="albumSilde_toolbar">
		<ul>
			<li>
				<img id="albumSilde_play" src="images/albumSilde_play.png" alt="播放" title="播放" />
				<img id="albumSilde_pause" src="images/albumSilde_pause.png" alt="暂停" title="暂停" style="display:none;"/>			
			</li>
			<li><img id="albumSilde_goPrev" src="images/albumSilde_goPrev.png" alt="上一张" title="上一张"/></li>
			<li><img id="albumSilde_goNext" src="images/albumSilde_goNext.png" alt="下一张" title="下一张"/></li>
			<li>
				<div id="timeAreaDIv" class="timeAreaDIv">
					<a href="javascript:;" class="changeTime" id="changeTime" dirId="otherTime" title="点击更换播放时间" style="width:60px; height:33px;">5秒播放</a>
					<div id="otherTime" class="otherTime">
						<ul>
							<li class="top"></li>
							<li class="middle" itValue="3000" onClick="JSWK.AlbumSilde.changeTime(this,'otherTime','changeTime');">3秒播放</li>
							<li class="middle" itValue="4000" onClick="JSWK.AlbumSilde.changeTime(this,'otherTime','changeTime');">4秒播放</li>
							<li class="middle" itValue="5000" onClick="JSWK.AlbumSilde.changeTime(this,'otherTime','changeTime');">5秒播放</li>
							<li class="middle" itValue="6000" onClick="JSWK.AlbumSilde.changeTime(this,'otherTime','changeTime');">6秒播放</li>
							<li class="middle" itValue="7000" onClick="JSWK.AlbumSilde.changeTime(this,'otherTime','changeTime');">7秒播放</li>
							<li class="middle" itValue="8000" onClick="JSWK.AlbumSilde.changeTime(this,'otherTime','changeTime');">8秒播放</li>
							<li class="bottom"></li>
						</ul>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<div id="albumSilde">
		<a id="albumSilde_btn_lastpic" href="javascript:;" class="btnLastGroup" title="上一组"></a>
			<div id="albumSilde_container">
				 <ul id="samples_list">
				 <li><a href="javascript:;" name="xc_image" bigsrc="images/005.jpg"><img src="images/005_ss.jpg" alt="可爱吧" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/006.jpg"><img src="images/006_ss.jpg" alt="想你了" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/007.jpg"><img src="images/007_ss.jpg" alt="天若有情" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/008.jpg"><img src="images/008_ss.jpg" alt="桔子好吃不了" /></a></li>
				 	<li><a href="javascript:;" name="xc_image" bigsrc="images/002.jpg"><img src="images/002_ss.jpg" alt="亲亲宝贝网 qbaobei.com" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/001.jpg"><img src="images/001_ss.jpg" alt="拍摄于2010年4月登梧桐山拍摄于2010年4月登梧桐山拍摄于2010年4月登梧桐山拍摄于2010年4月登梧桐山"/></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/003.jpg"><img src="images/003_ss.jpg" alt="小宝贝" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/004.jpg"><img src="images/004_ss.jpg" alt="你在做什么呢" /></a></li>		
					
					<li><a href="javascript:;" name="xc_image" bigsrc="images/009.jpg"><img src="images/009_ss.jpg" alt="你妈妈喊你回家吃饭" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/010.jpg"><img src="images/010_ss.jpg" alt="嗄嘎，你好帅" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/012.jpg"><img src="images/012_ss.jpg" alt="其实是忽悠你的" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/013.jpg"><img src="images/013_ss.jpg" alt="拍摄于2010年4月登梧桐山"/></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/014.jpg"><img src="images/014_ss.jpg" alt="亲亲宝贝网 qbaobei.com" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/015.jpg"><img src="images/015_ss.jpg" alt="小宝贝" /></a></li>
					<li><a href="javascript:;" name="xc_image" bigsrc="images/016.jpg"><img src="images/016_ss.jpg" alt="你在做什么呢" /></a></li>
				</ul>
			</div>
		<a id="albumSilde_btn_nextpic" href="javascript:;" class="btnNextGroup" title="下一组"></a>
	</div>
</div>
<!--控制区域-->

<script language="javascript" type="text/javascript" src="JustWalking.albumSilde.js"></script>
<script language="javascript" type="text/javascript">
JSWK.AlbumSilde.init();
JSWK.AlbumSilde.startPlay(albumSildeTime);
</script>
</body>
</html>
